<template>
  <a-layout-sider collapsible v-model="collapsed">
    <div class="logo" />
    <a-menu theme="dark" :defaultSelectedKeys="['1']" mode="inline">
      <a-menu-item key="1">
        <router-link to="/home">
          <a-icon type="pie-chart" />
          <span>首页</span>
        </router-link>
      </a-menu-item>
      <a-menu-item key="2">
        <router-link to="/inquiry">
          <a-icon type="desktop" />
          <span>询价</span>
        </router-link>
      </a-menu-item>
      <a-sub-menu key="sub1">
        <span slot="title">
          <a-icon type="user" />
          <span>财务中心</span>
        </span>
        <a-menu-item key="3">对账管理</a-menu-item>
        <a-menu-item key="4">平台发票</a-menu-item>
        <a-menu-item key="5">平台结算</a-menu-item>
      </a-sub-menu>
      <a-sub-menu key="sub2">
        <span slot="title">
          <a-icon type="team" />
          <span>系统管理</span>
        </span>
        <a-menu-item key="6">基础设置</a-menu-item>
        <a-menu-item key="8">权限设置</a-menu-item>
      </a-sub-menu>
    </a-menu>
  </a-layout-sider>
</template>
<script>
export default {
  name: "left",
  data() {
    return {
      collapsed: false
    };
  }
};
</script>